<template>
  <div class="get-goods-wrap">
    <h2>商品信息</h2>
    <div class="order-table-header flex flex-xbt">
      <span class="td1">商品</span>
      <span>单价/元</span>
      <span>数量</span>
      <span>小计/元</span>
    </div>
    <div class="order-table">
      <order-table></order-table>
    </div>
  </div>
</template>

<script setup lang="ts">
import OrderTable from '@/pages/mall/components/OrderTableCom.vue'
</script>

<style scoped lang="scss">
.get-goods-wrap {
  padding-top: 32px;

  h2 {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500 !important;
  }

  .order-table-header {
    padding: 10px 16px;
    background-color: #f7f7f7;

    span {
      width: 190px;
      font-size: 16px;
      font-weight: 500;
      text-align: center;

      &.td1 {
        width: 516px;
        text-align: left;
      }
    }
  }

  .order-table {
    border: 1px solid $borderCol;
    border-right: 0;
  }
}
</style>
